<template>
  <div class="box">
    <div class="header">
      <span @click="goBack" class="iconfont icon-zuojiantou1"></span>
      <span class="title">消息</span>
    </div>
    <div class="content">
      <p>暂时没有消息</p>
    </div>
  </div>
  
  
</template>

<script>
export default {
  data () {
    return {
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
      console.log(11)
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  .header {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #ccc;
    line-height: 44px;
    .iconfont {
      margin: 0 15px;
    }
    .title {
      margin-left: 10px;
      font-size: 16px;
      font-weight: 600;
    }
  }
  .content {
    p {
      margin: 20px auto;
      text-align: center;
    }
  }
}

</style>
